/*===================
	Slider CSS
=====================*/
#slider{
	position:relative;
}
#slider .single-slider{
	height:630px;
	background-size:cover;
	background-position:center;
}
#slider .single-slider:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.9;
}
#slider .single-slider .text{
	margin-top:230px;
	text-align:center;
}
#slider .single-slider h1{
	color:#fff;
	font-size:60px;
	font-weight:600;
	line-height:75px;
	text-transform:capitalize;
}
#slider .single-slider p {
	color: #fff;
	margin: 0px 0px;
	font-weight: 300;
	font-size: 14px;
	padding: 0;
}

#slider .button-head{
	text-align:center;
}

#slider .button,.context-button .button{
	margin-top:55px;
	text-align:center;
	display:inline-block;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}


#slider .button .btn::before ,.context-button .button .context-btn::before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#slider .button:hover .btn::before,.context-button .button:hover .context-btn::before{
	width: 100%;
}
#slider .button .btn:after,.context-button .button .context-btn:after{
	position:absolute;
	content:"";
	right:0;
	bottom:0;
	height:30px;
	width:2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;

}
#slider .button:hover .btn::after,.context-button .button:hover .context-btn::after{
	height: 100%;
}
.context-button .button .context-btn{
	white-space: normal;
	text-decoration: none;
}
.context-button .button{
    text-align: left;
    padding: 10px;
}
.context-button{
    width: 90%;
    margin-left: 5%;
}
#slider .button span::before,.context-button .button span::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 2px;
	width: 40px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#slider .button:hover span::before,.context-button .button:hover span::before{
	width: 100%;
}
#slider .button span::after,.context-button .button span::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 30px;
	width: 2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#slider .button:hover span::after,.context-button .button:hover span::after{
	height: 100%;
}

#slider .single-slider #particles-js{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.hero-area.animate-text .cd-headline .cd-words-wrapper {
	padding: 0;
	font-weight: 400;
}
.cd-words-wrapper{
	top:-13px;
}
.cd-headline.clip .cd-words-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #fff;
}
